{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>恒达科技|荣誉资质</title>
</head>
<body>

{% include 'navbar.html' %}
<div class="container">
    <!--侧边导航栏-->
    <div class="col-md-3">
        <div class="model-title">
            公司简介
        </div>
        <div class="model-list">
            <ul class="list-group">
                <li class="list-group-item" id="survey">
                    <a href="{% url 'aboutApp:survey' %}">企业概况</a>
                </li>
                <li class="list-group-item" id="honor">
                    <a href="{% url 'aboutApp:honor' %}">荣誉资质</a>
                </li>
            </ul>
        </div>
    </div>
    <!--说明文字和图片-->
    <div class="col-md-9">
        <div class="model-details-title">
            荣誉资质
        </div>
        <div class="row">
            {% for award in awards %}
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail">
                        {% with base64_image=award.get_file_base64 %}
                            <img src="data:image/jpeg;base64,{{ base64_image }}" alt="Award Photo">
                        {% endwith %}
                        <div class="caption">
                            <p>{{ award.description }}</p>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>

</div>
{% include 'footer.html' %}

</body>

</html>